<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:hh="http://balusc.net/jsf/html"
	xmlns:t="http://myfaces.apache.org/tomahawk">
	
<h:head>
</h:head>	

	<h:body>
	
	
		<div id="container" style="width: 500px">
		<div id="header" style="background-color: #FFA500;">
		<h1 style="margin-bottom: 0;">KKS main Admin Portal</h1>
		</div>
		<h:form method="post" enctype="multipart/form-data">
		


		<div id="menu"
			style="background-color: #FFD700; height: 200px; width: 100px; float: left;">
		<b>Menu</b> <br />
		<h:link value="Upload Roster" onClick="showForm(1);"/> <br />
		
		Pull a report <br />
		JavaScript</div>
		</h:form>
		<div id="content"
			style="background-color: #EEEEEE; height: 200px; width: 400px; float: left;">
			
			<h:form enctype="multipart/form-data" id="uploadForm" >
	            <t:inputFileUpload value="#{reportTemplate.uploadedFile}" />
	            <h:commandButton value="submit" action="#{reportTemplate.submit1}" />
            	<h:messages />
       	 	</h:form>
       	 	
       	 	<h:form id="generateReportForm" >
	           please select report for 
	            <h:commandButton value="generateReport"  action="#{reportTemplate.submit}" />
            		<script type="text/javascript">
		alert('hi');
		document.getElementById('uploadForm').style.display=''	
		document.getElementById('generateReportForm').style.display='none'	
	    function showForm(formSwitch) {
			alert('hi');
	    	if(formSwitch == 1) {}
	       		document.getElementById('uploadForm').style.display=''
	       			document.getElementById('generateReportForm').style.display='none'	
	    }
	    else {
	    		document.getElementById('uploadForm').style.display='none';
	    		document.getElementById('generateReportForm').style.display=''	
	       	}
	    }
		</script>
       	 	</h:form>
			
		</div>
		<div id="footer"
			style="background-color: #FFA500; clear: both; text-align: center;">
		Copyright © W3Schools.com</div>
		</div>
		
		
	</h:body>
</html>
